<template>
	<view>
		<view class="" v-if="isdongtai">
			<!-- 动态 -->
			<view @tap="toDetail()">
				<!--五张-->
				<view class="body-box" v-if="item.style==8">
					<view class="user-box" v-if="isdel">
						<view class="touxiang">
							<image :src="user.avatar"></image>
						</view>
						<view class="user_new-box">
							<view class="user_nickName">{{user.nick_name}}</view>
							<view class="money">{{item.create_time}}</view>
						</view>
					</view>
					<view class="video-title textOverflow">{{item.content}}</view>
					<view class="conentBox">
						<view class="top-box common">
							<view class="left-box-img update-width">
								<image class="border-radius-wu" :src="item.cover[0]"></image>
							</view>
							<view class="right-box-img update-width">
								<image mode="center" class="border-radius-wu" :src="item.cover[1]"></image>
							</view>
						</view>
						<view class="bottom-box common">
							<view class="bottom-small-box">
								<image mode="center" class="border-radius" :src="item.cover[2]"></image>
							</view>
							<view class="bottom-small-box">
								<image mode="center" :src="item.cover[3]"></image>
							</view>
							<view class="bottom-small-box">
								<image class="border-radius5" :src="item.cover[4]"></image>
								<!-- <view mode="center" class="img-num"><text class="number">+9</text></view> -->
							</view>
						</view>
					</view>
					<view class="Icon-box">
						<view class="Icon-hidden-box common">
							<view class="box" @tap.stop="changefenxiang">
								<image class="new-box" src="/static/jingjie/fenxiang.png"></image>
								<view class="new-font-style" v-text="item.share_count"></view>
							</view>
							<view class="box" @tap.stop="changepinglun">
								<image class="new-box" src="/static/jingjie/xiaoxi.png"></image>
								<view class="new-font-style" v-text="item.comment_count"></view>
							</view>
							<view class="box" @tap.stop="changedianzan">
								<image class="new-box" src="/static/jingjie/dianzan_h.png"></image>
								<view class="new-font-style" v-text="item.like_count"></view>
							</view>
						</view>
					</view>
				</view>
				<!--五张（1）-->
				<view class="body-box" v-else-if="item.style==1">
					<view class="user-box" v-if="isdel">
						<view class="touxiang">
							<image :src="user.avatar"></image>
						</view>
						<view class="user_new-box">
							<view class="user_nickName">{{user.nick_name}}</view>
							<view class="money">{{item.create_time}}</view>
						</view>
					</view>
					<view class="video-title textOverflow">{{item.content}}</view>
					<view class="conentBox">
						<view class="top-box common">
							<view class="left-box-img ">
								<image class="border-radius-wu" :src="item.cover[0]"></image>
							</view>
							<view class="right-box-img">
								<image mode="center" class="border-radius-wu" :src="item.cover[1]"></image>
							</view>
						</view>
						<view class="bottom-box common">
							<view class="bottom-small-box">
								<image mode="center" class="border-radius" :src="item.cover[2]"></image>
							</view>
							<view class="bottom-small-box">
								<image mode="center" :src="item.cover[3]"></image>
							</view>
							<view class="bottom-small-box">
								<image class="border-radius5" :src="item.cover[4]"></image>
								<!-- <view mode="center" class="img-num"><text class="number">+9</text></view> -->
							</view>
						</view>
					</view>
					<view class="Icon-box">
						<view class="Icon-hidden-box common">
							
							<view class="box" @tap.stop="changefenxiang">
								<image class="new-box" src="/static/jingjie/fenxiang.png"></image>
								<view class="new-font-style" v-text="item.share_count"></view>
							</view>
							<view class="box" @tap.stop="changepinglun">
								<image class="new-box" src="/static/jingjie/xiaoxi.png"></image>
								<view class="new-font-style" v-text="item.comment_count"></view>
							</view>
							<view class="box" @tap.stop="changedianzan">
								<image class="new-box" src="/static/jingjie/dianzan_h.png"></image>
								<view class="new-font-style" v-text="item.like_count"></view>
							</view>
						</view>
					</view>
				</view>
				<!--四张-->
				<view class="body-box" v-else-if="item.style==2">
					<view class="user-box" v-if="isdel">
						<view class="touxiang">
							<image :src="user.avatar"></image>
						</view>
						<view class="user_new-box">
							<view class="user_nickName">{{user.nick_name}}</view>
							<view class="money">{{item.create_time}}</view>
						</view>
					</view>
					<view class="video-title textOverflow">{{item.content}}</view>
					<view class="conentBox">
						<view class="top-box common">
							<view class="left-box-img">
								<image :src="item.cover[0]"></image>
							</view>
							<view class="right-box-img">
								<image mode="center" :src="item.cover[1]"></image>
							</view>
						</view>
						<view class="bottom-box common">
							<view class="bottom-small-box size">
								<image mode="center" class="border-radius" :src="item.cover[2]"></image>
							</view>
							<view class="bottom-small-box size">
								<image mode="center" class="border-radius5" :src="item.cover[3]"></image>
								<!-- <view class="img-num"><text class="number">+9</text></view> -->
							</view>
						</view>
					</view>
					<view class="Icon-box">
						<view class="Icon-hidden-box common">
							
							<view class="box" @tap.stop="changefenxiang">
								<image class="new-box" src="/static/jingjie/fenxiang.png"></image>
								<view class="new-font-style" v-text="item.share_count"></view>
							</view>
							<view class="box" @tap.stop="changepinglun">
								<image class="new-box" src="/static/jingjie/xiaoxi.png"></image>
								<view class="new-font-style" v-text="item.comment_count"></view>
							</view>
							<view class="box" @tap.stop="changedianzan">
								<image class="new-box" src="/static/jingjie/dianzan_h.png"></image>
								<view class="new-font-style" v-text="item.like_count"></view>
							</view>
						</view>
					</view>
				</view>

				<!--四张(平均)-->
				<view class="body-box" v-else-if="item.style==7">
					<view class="user-box" v-if="isdel">
						<view class="touxiang">
							<image :src="user.avatar"></image>
						</view>
						<view class="user_new-box">
							<view class="user_nickName">{{user.nick_name}}</view>
							<view class="money">{{item.create_time}}</view>
						</view>
					</view>
					<view class="video-title textOverflow">{{item.content}}</view>
					<view class="conentBox">
						<view class="common">
							<view class="left-box-img border-radius6 update-width average">
								<image class="average border-radius6 update-width" mode="center" :src="item.cover[0]"></image>
							</view>
							<view class="right-box-img border-radius7 update-width average">
								<image class="average border-radius7 update-width" mode="center" :src="item.cover[1]"></image>
							</view>
						</view>
						<view class="bottom-box common">
							<view class="bottom-small-box size average update-width border-radius4">
								<image mode="center" class="average update-width border-radius4" :src="item.cover[2]"></image>
							</view>
							<view class="bottom-small-box size update-width border-radius5">
								<image mode="center" class="average update-width border-radius5" :src="item.cover[3]"></image>
								<!-- <view class="img-num"><text class="number">+9</text></view> -->
							</view>
						</view>
					</view>
					<view class="Icon-box">
						<view class="Icon-hidden-box common">
							
							<view class="box" @tap.stop="changefenxiang">
								<image class="new-box" src="/static/jingjie/fenxiang.png"></image>
								<view class="new-font-style" v-text="item.share_count"></view>
							</view>
							<view class="box" @tap.stop="changepinglun">
								<image class="new-box" src="/static/jingjie/xiaoxi.png"></image>
								<view class="new-font-style" v-text="item.comment_count"></view>
							</view>
							<view class="box" @tap.stop="changedianzan">
								<image class="new-box" src="/static/jingjie/dianzan_h.png"></image>
								<view class="new-font-style" v-text="item.like_count"></view>
							</view>
						</view>
					</view>
				</view>

				<!--四张（不平均）-->
				<view class="body-box" v-else-if="item.style==5">
					<view class="user-box" v-if="isdel">
						<view class="touxiang">
							<image :src="user.avatar"></image>
						</view>
						<view class="user_new-box">
							<view class="user_nickName">{{user.nick_name}}</view>
							<view class="money">{{item.create_time}}</view>
						</view>
					</view>
					<view class="video-title textOverflow">{{item.content}}</view>
					<view class="conentBox">
						<view class="top-box common">
							<view class="left-box-img update-width1">
								<image class="border-radius3 update-width1" :src="item.cover[0]"></image>
							</view>
						</view>
						<view class="bottom-box common">
							<view class="bottom-small-box">
								<image mode="center" class="border-radius" :src="item.cover[1]"></image>
							</view>
							<view class="bottom-small-box">
								<image mode="center" :src="item.cover[2]"></image>
							</view>
							<view class="bottom-small-box">
								<image class="border-radius5" :src="item.cover[3]"></image>
								<!-- <view mode="center" class="img-num"><text class="number">+9</text></view> -->
							</view>
						</view>
					</view>
					<view class="Icon-box">
						<view class="Icon-hidden-box common">
						
							<view class="box" @tap.stop="changefenxiang">
								<image class="new-box" src="/static/jingjie/fenxiang.png"></image>
								<view class="new-font-style" v-text="item.share_count"></view>
							</view>
							<view class="box" @tap.stop="changepinglun">
								<image class="new-box" src="/static/jingjie/xiaoxi.png"></image>
								<view class="new-font-style" v-text="item.comment_count"></view>
							</view>
							<view class="box" @tap.stop="changedianzan">
								<image class="new-box" src="/static/jingjie/dianzan_h.png"></image>
								<view class="new-font-style" v-text="item.like_count"></view>
							</view>
						</view>
					</view>
				</view>

				<!--三张-->
				<view class="body-box" v-else-if="item.style==3">
					<view class="user-box" v-if="isdel">
						<view class="touxiang">
							<image :src="user.avatar"></image>
						</view>
						<view class="user_new-box">
							<view class="user_nickName">{{user.nick_name}}</view>
							<view class="money">{{item.create_time}}</view>
						</view>
					</view>
					<view class="video-title textOverflow">{{item.content}}</view>
					<view class="conentBox common">
						<view class="left-box-san">
							<image class="border-radius-san" :src="item.cover[0]"></image>
						</view>
						<view class="left-box-san">
							<view class="bottom-small-box-san size">
								<image class="border-radius7" :src="item.cover[1]"></image>
							</view>
							<view class="bottom-small-box-san size marginTop">
								<image class="border-radius5" :src="item.cover[2]"></image>
								<!-- <view class="img-num"><text class="number">+9</text></view> -->
							</view>
						</view>
					</view>
					<view class="Icon-box">
						<view class="Icon-hidden-box common">
							
							<view class="box" @tap.stop="changefenxiang">
								<image class="new-box" src="/static/jingjie/fenxiang.png"></image>
								<view class="new-font-style" v-text="item.share_count"></view>
							</view>
							<view class="box" @tap.stop="changepinglun">
								<image class="new-box" src="/static/jingjie/xiaoxi.png"></image>
								<view class="new-font-style" v-text="item.comment_count"></view>
							</view>
							<view class="box" @tap.stop="changedianzan">
								<image class="new-box" src="/static/jingjie/dianzan_h.png"></image>
								<view class="new-font-style" v-text="item.like_count"></view>
							</view>
						</view>
					</view>
				</view>
				<!--三张（1）-->
				<view class="body-box" v-else-if="item.style==4">
					<view class="user-box" v-if="isdel">
						<view class="touxiang">
							<image :src="user.avatar"></image>
						</view>
						<view class="user_new-box">
							<view class="user_nickName">{{user.nick_name}}</view>
							<view class="money">{{item.create_time}}</view>
						</view>
					</view>
					<view class="video-title textOverflow">{{item.content}}</view>
					<view class="conentBox">
						<view class="top-box common">
							<view class="left-box-img update-width1">
								<image class="border-radius3 update-width1" :src="item.cover[0]"></image>
							</view>
						</view>
						<view class="bottom-box common">
							<view class="bottom-small-box right-box-san">
								<image mode="center" class="border-radius4" :src="item.cover[1]"></image>
							</view>
							<view class="bottom-small-box right-box-san">
								<image mode="center" class="border-radius5" :src="item.cover[2]"></image>
								<view class="img-num"><text class="number">+9</text></view>
							</view>
						</view>
					</view>
					<view class="Icon-box">
						<view class="Icon-hidden-box common">
							
							<view class="box" @tap.stop="changefenxiang">
								<image class="new-box" src="/static/jingjie/fenxiang.png"></image>
								<view class="new-font-style" v-text="item.share_count"></view>
							</view>
							<view class="box" @tap.stop="changepinglun">
								<image class="new-box" src="/static/jingjie/xiaoxi.png"></image>
								<view class="new-font-style" v-text="item.comment_count"></view>
							</view>
							<view class="box" @tap.stop="changedianzan">
								<image class="new-box" src="/static/jingjie/dianzan_h.png"></image>
								<view class="new-font-style" v-text="item.like_count"></view>
							</view>
						</view>
					</view>
				</view>

				<!--两张-->
				<view class="body-box" v-else-if="item.style==6">
					<view class="user-box" v-if="isdel">
						<view class="touxiang">
							<image :src="user.avatar"></image>
						</view>
						<view class="user_new-box">
							<view class="user_nickName">{{user.nick_name}}</view>
							<view class="money">{{item.create_time}}</view>
						</view>
					</view>
					<view class="video-title textOverflow">{{item.content}}</view>
					<view class="conentBox common">
						<view class="left-box-er">
							<image class="border-radius-left" :src="item.cover[0]"></image>
						</view>
						<view class="right-box-er">
							<image mode="center" class="border-radius-right" :src="item.cover[1]"></image>
							<!-- <view class="img-num active1"><text class="number">+9</text></view> -->
						</view>
					</view>
					<view class="Icon-box">
						<view class="Icon-hidden-box common">
							
							<view class="box" @tap.stop="changefenxiang">
								<image class="new-box" src="/static/jingjie/fenxiang.png"></image>
								<view class="new-font-style" v-text="item.share_count"></view>
							</view>
							<view class="box" @tap.stop="changepinglun">
								<image class="new-box" src="/static/jingjie/xiaoxi.png"></image>
								<view class="new-font-style" v-text="item.comment_count"></view>
							</view>
							<view class="box" @tap.stop="changedianzan">
								<image class="new-box" src="/static/jingjie/dianzan_h.png"></image>
								<view class="new-font-style" v-text="item.like_count"></view>
							</view>
						</view>
					</view>
				</view>

				<!--一张-->
				<view class="body-box" v-else-if="item.style==9">
					<view class="user-box" v-if="isdel">
						<view class="touxiang">
							<image :src="user.avatar"></image>
						</view>
						<view class="user_new-box">
							<view class="user_nickName">{{user.nick_name}}</view>
							<view class="money">{{item.create_time}}</view>
						</view>
					</view>
					<view class="video-title textOverflow">{{item.content}}</view>
					<view class="conentBox common">
						<view class="one-zhang">
							<image class="one-zhang" mode="aspectFill" @tap.stop="previewImg(item.cover,index2)" @longpress="savePicture(item2)":src="item.cover[0]"></image>
							<!-- <view class="img-num active"><text class="number">+9</text></view> -->
						</view>
					</view>
					<view class="Icon-box">
						<view class="Icon-hidden-box common">

							<view class="box" @tap.stop="changefenxiang">
								<image class="new-box" src="/static/jingjie/fenxiang.png"></image>
								<view class="new-font-style" v-text="item.share_count"></view>
							</view>
							<view class="box" @tap.stop="changepinglun">
								<image class="new-box" src="/static/jingjie/xiaoxi.png"></image>
								<view class="new-font-style" v-text="item.comment_count"></view>
							</view>
							<view class="box" @tap.stop="changedianzan">
								<image class="new-box" src="/static/jingjie/dianzan_h.png"></image>
								<view class="new-font-style" v-text="item.like_count"></view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="" v-else>
			<!--视频-->
			<view class="body-box" @tap="toDetail()" v-if="item.style===0">
				<view class="user-box" v-if="isdel">
					<view class="user-img-box">
						<image :src="user.avatar"></image>
					</view>
					<view class="user_new-box">
						<view class="user_nickName">{{user.nick_name}}</view>
						<view class="money">{{item.create_time}}</view>
					</view>
				</view>
				<view class="video-title textOverflow">{{item.title}}</view>
				<view class="videoBox">
					<!-- <video class="video-kuang" controls="false" src="../static/demo1.mp4"></video> -->
					<image class="video-kuang" :src="item.coverPics" mode=""></image>
					<image class="bofang" src="/static/bofang.png" mode=""></image>
					<cover-image v-if="item.is_reward==true" class="wei-guan" src="../../../static/jingjie/charge.png"></cover-image>
				</view>
				<view class="Icon-box">
					<view class="Icon-hidden-box common">
						<view class="touxiang">
							<image :src="user.avatar"></image>
						</view>
						<view class="box">
							<image class="new-box" src="../../../static/jingjie/shoucang.png"></image>
							<view class="new-font-style">{{item.collect_count}}</view>
						</view>
						<view class="box">
							<image class="new-box" src="../../../static/jingjie/fenxiang.png"></image>
							<view class="new-font-style">{{item.share_count}}</view>
						</view>
						<view class="box">
							<image class="new-box" src="../../../static/jingjie/xiaoxi.png"></image>
							<view class="new-font-style">{{item.comment_count}}</view>
						</view>
						<view class="box">
							<image class="new-box" src="../../../static/jingjie/dianzan_h.png"></image>
							<view class="new-font-style">{{item.like_count}}</view>
						</view>
					</view>
				</view>
			</view>
			<view @tap="toDetail()" v-else>
				<!--五张-->
				<view class="body-box" v-if="item.style==8">
					<view class="user-box" v-if="isdel">
						<view class="touxiang">
							<image :src="user.avatar"></image>
						</view>
						<view class="user_new-box">
							<view class="user_nickName">{{user.nick_name}}</view>
							<view class="money">{{item.create_time}}</view>
						</view>
					</view>
					<view class="video-title textOverflow">{{item.title}}</view>
					<view class="conentBox">
						<view class="top-box common">
							<view class="left-box-img update-width">
								<image class="border-radius-wu" :src="item.coverPics[0]"></image>
							</view>
							<view class="right-box-img update-width">
								<image mode="center" class="border-radius-wu" :src="item.coverPics[1]"></image>
							</view>
						</view>
						<view class="bottom-box common">
							<view class="bottom-small-box">
								<image mode="center" class="border-radius" :src="item.coverPics[2]"></image>
							</view>
							<view class="bottom-small-box">
								<image mode="center" :src="item.coverPics[3]"></image>
							</view>
							<view class="bottom-small-box">
								<image class="border-radius5" :src="item.coverPics[4]"></image>
								<!-- <view mode="center" class="img-num"><text class="number">+9</text></view> -->
							</view>
						</view>
					</view>
					<view class="Icon-box">
						<view class="Icon-hidden-box common">
							<view class="touxiang">
								<image :src="user.avatar"></image>
							</view>
							<view class="box" @tap.stop="changeshoucang">
								<image class="new-box" src="../../../static/jingjie/shoucang.png"></image>
								<view class="new-font-style" v-text="item.collect_count"></view>
							</view>
							<view class="box" @tap.stop="changefenxiang">
								<image class="new-box" src="../../../static/jingjie/fenxiang.png"></image>
								<view class="new-font-style" v-text="item.share_count"></view>
							</view>
							<view class="box" @tap.stop="changepinglun">
								<image class="new-box" src="../../../static/jingjie/xiaoxi.png"></image>
								<view class="new-font-style" v-text="item.comment_count"></view>
							</view>
							<view class="box" @tap.stop="changedianzan">
								<image class="new-box" src="../../../static/jingjie/dianzan_h.png"></image>
								<view class="new-font-style" v-text="item.like_count"></view>
							</view>
						</view>
					</view>
				</view>
				<!--五张（1）-->
				<view class="body-box" v-else-if="item.style==1">
					<view class="user-box" v-if="isdel">
						<view class="touxiang">
							<image :src="user.avatar"></image>
						</view>
						<view class="user_new-box">
							<view class="user_nickName">{{user.nick_name}}</view>
							<view class="money">{{item.create_time}}</view>
						</view>
					</view>
					<view class="video-title textOverflow">{{item.title}}</view>
					<view class="conentBox">
						<view class="top-box common">
							<view class="left-box-img ">
								<image class="border-radius-wu" :src="item.coverPics[0]"></image>
							</view>
							<view class="right-box-img">
								<image mode="center" class="border-radius-wu" :src="item.coverPics[1]"></image>
							</view>
						</view>
						<view class="bottom-box common">
							<view class="bottom-small-box">
								<image mode="center" class="border-radius" :src="item.coverPics[2]"></image>
							</view>
							<view class="bottom-small-box">
								<image mode="center" :src="item.coverPics[3]"></image>
							</view>
							<view class="bottom-small-box">
								<image class="border-radius5" :src="item.coverPics[4]"></image>
								<!-- <view mode="center" class="img-num"><text class="number">+9</text></view> -->
							</view>
						</view>
					</view>
					<view class="Icon-box">
						<view class="Icon-hidden-box common">
							<view class="touxiang">
								<image :src="user.avatar"></image>
							</view>
							<view class="box" @tap.stop="changeshoucang">
								<image class="new-box" src="../../../static/jingjie/shoucang.png"></image>
								<view class="new-font-style" v-text="item.collect_count"></view>
							</view>
							<view class="box" @tap.stop="changefenxiang">
								<image class="new-box" src="../../../static/jingjie/fenxiang.png"></image>
								<view class="new-font-style" v-text="item.share_count"></view>
							</view>
							<view class="box" @tap.stop="changepinglun">
								<image class="new-box" src="../../../static/jingjie/xiaoxi.png"></image>
								<view class="new-font-style" v-text="item.comment_count"></view>
							</view>
							<view class="box" @tap.stop="changedianzan">
								<image class="new-box" src="../../../static/jingjie/dianzan_h.png"></image>
								<view class="new-font-style" v-text="item.like_count"></view>
							</view>
						</view>
					</view>
				</view>
				<!--四张-->
				<view class="body-box" v-else-if="item.style==2">
					<view class="user-box" v-if="isdel">
						<view class="touxiang">
							<image :src="user.avatar"></image>
						</view>
						<view class="user_new-box">
							<view class="user_nickName">{{user.nick_name}}</view>
							<view class="money">{{item.create_time}}</view>
						</view>
					</view>
					<view class="video-title textOverflow">{{item.title}}</view>
					<view class="conentBox">
						<view class="top-box common">
							<view class="left-box-img">
								<image :src="item.coverPics[0]"></image>
							</view>
							<view class="right-box-img">
								<image mode="center" :src="item.coverPics[1]"></image>
							</view>
						</view>
						<view class="bottom-box common">
							<view class="bottom-small-box size">
								<image mode="center" class="border-radius" :src="item.coverPics[2]"></image>
							</view>
							<view class="bottom-small-box size">
								<image mode="center" class="border-radius5" :src="item.coverPics[3]"></image>
								<!-- <view class="img-num"><text class="number">+9</text></view> -->
							</view>
						</view>
					</view>
					<view class="Icon-box">
						<view class="Icon-hidden-box common">
							<view class="touxiang">
								<image :src="user.avatar"></image>
							</view>
							<view class="box" @tap.stop="changeshoucang">
								<image class="new-box" src="../../../static/jingjie/shoucang.png"></image>
								<view class="new-font-style" v-text="item.collect_count"></view>
							</view>
							<view class="box" @tap.stop="changefenxiang">
								<image class="new-box" src="../../../static/jingjie/fenxiang.png"></image>
								<view class="new-font-style" v-text="item.share_count"></view>
							</view>
							<view class="box" @tap.stop="changepinglun">
								<image class="new-box" src="../../../static/jingjie/xiaoxi.png"></image>
								<view class="new-font-style" v-text="item.comment_count"></view>
							</view>
							<view class="box" @tap.stop="changedianzan">
								<image class="new-box" src="../../../static/jingjie/dianzan_h.png"></image>
								<view class="new-font-style" v-text="item.like_count"></view>
							</view>
						</view>
					</view>
				</view>

				<!--四张(平均)-->
				<view class="body-box" v-else-if="item.style==7">
					<view class="user-box" v-if="isdel">
						<view class="touxiang">
							<image :src="user.avatar"></image>
						</view>
						<view class="user_new-box">
							<view class="user_nickName">{{user.nick_name}}</view>
							<view class="money">{{item.create_time}}</view>
						</view>
					</view>
					<view class="video-title textOverflow">{{item.title}}</view>
					<view class="conentBox">
						<view class="common">
							<view class="left-box-img border-radius6 update-width average">
								<image class="average border-radius6 update-width" mode="center" :src="item.coverPics[0]"></image>
							</view>
							<view class="right-box-img border-radius7 update-width average">
								<image class="average border-radius7 update-width" mode="center" :src="item.coverPics[1]"></image>
							</view>
						</view>
						<view class="bottom-box common">
							<view class="bottom-small-box size average update-width border-radius4">
								<image mode="center" class="average update-width border-radius4" :src="item.coverPics[2]"></image>
							</view>
							<view class="bottom-small-box size update-width border-radius5">
								<image mode="center" class="average update-width border-radius5" :src="item.coverPics[3]"></image>
								<!-- <view class="img-num"><text class="number">+9</text></view> -->
							</view>
						</view>
					</view>
					<view class="Icon-box">
						<view class="Icon-hidden-box common">
							<view class="touxiang">
								<image :src="user.avatar"></image>
							</view>
							<view class="box" @tap.stop="changeshoucang">
								<image class="new-box" src="../../../static/jingjie/shoucang.png"></image>
								<view class="new-font-style" v-text="item.collect_count"></view>
							</view>
							<view class="box" @tap.stop="changefenxiang">
								<image class="new-box" src="../../../static/jingjie/fenxiang.png"></image>
								<view class="new-font-style" v-text="item.share_count"></view>
							</view>
							<view class="box" @tap.stop="changepinglun">
								<image class="new-box" src="../../../static/jingjie/xiaoxi.png"></image>
								<view class="new-font-style" v-text="item.comment_count"></view>
							</view>
							<view class="box" @tap.stop="changedianzan">
								<image class="new-box" src="../../../static/jingjie/dianzan_h.png"></image>
								<view class="new-font-style" v-text="item.like_count"></view>
							</view>
						</view>
					</view>
				</view>

				<!--四张（不平均）-->
				<view class="body-box" v-else-if="item.style==5">
					<view class="user-box" v-if="isdel">
						<view class="touxiang">
							<image :src="user.avatar"></image>
						</view>
						<view class="user_new-box">
							<view class="user_nickName">{{user.nick_name}}</view>
							<view class="money">{{item.create_time}}</view>
						</view>
					</view>
					<view class="video-title textOverflow">{{item.title}}</view>
					<view class="conentBox">
						<view class="top-box common">
							<view class="left-box-img update-width1">
								<image class="border-radius3 update-width1" :src="item.coverPics[0]"></image>
							</view>
						</view>
						<view class="bottom-box common">
							<view class="bottom-small-box">
								<image mode="center" class="border-radius" :src="item.coverPics[1]"></image>
							</view>
							<view class="bottom-small-box">
								<image mode="center" :src="item.coverPics[2]"></image>
							</view>
							<view class="bottom-small-box">
								<image class="border-radius5" :src="item.coverPics[3]"></image>
								<!-- <view mode="center" class="img-num"><text class="number">+9</text></view> -->
							</view>
						</view>
					</view>
					<view class="Icon-box">
						<view class="Icon-hidden-box common">
							<view class="touxiang">
								<image :src="user.avatar"></image>
							</view>
							<view class="box" @tap.stop="changeshoucang">
								<image class="new-box" src="../../../static/jingjie/shoucang.png"></image>
								<view class="new-font-style" v-text="item.collect_count"></view>
							</view>
							<view class="box" @tap.stop="changefenxiang">
								<image class="new-box" src="../../../static/jingjie/fenxiang.png"></image>
								<view class="new-font-style" v-text="item.share_count"></view>
							</view>
							<view class="box" @tap.stop="changepinglun">
								<image class="new-box" src="../../../static/jingjie/xiaoxi.png"></image>
								<view class="new-font-style" v-text="item.comment_count"></view>
							</view>
							<view class="box" @tap.stop="changedianzan">
								<image class="new-box" src="../../../static/jingjie/dianzan_h.png"></image>
								<view class="new-font-style" v-text="item.like_count"></view>
							</view>
						</view>
					</view>
				</view>

				<!--三张-->
				<view class="body-box" v-else-if="item.style==3">
					<view class="user-box" v-if="isdel">
						<view class="touxiang">
							<image :src="user.avatar"></image>
						</view>
						<view class="user_new-box">
							<view class="user_nickName">{{user.nick_name}}</view>
							<view class="money">{{item.create_time}}</view>
						</view>
					</view>
					<view class="video-title textOverflow">{{item.title}}</view>
					<view class="conentBox common">
						<view class="left-box-san">
							<image class="border-radius-san" :src="item.coverPics[0]"></image>
						</view>
						<view class="left-box-san">
							<view class="bottom-small-box-san size">
								<image class="border-radius7" :src="item.coverPics[1]"></image>
							</view>
							<view class="bottom-small-box-san size marginTop">
								<image class="border-radius5" :src="item.coverPics[2]"></image>
								<!-- <view class="img-num"><text class="number">+9</text></view> -->
							</view>
						</view>
					</view>
					<view class="Icon-box">
						<view class="Icon-hidden-box common">
							<view class="touxiang">
								<image :src="user.avatar"></image>
							</view>
							<view class="box" @tap.stop="changeshoucang">
								<image class="new-box" src="../../../static/jingjie/shoucang.png"></image>
								<view class="new-font-style" v-text="item.collect_count"></view>
							</view>
							<view class="box" @tap.stop="changefenxiang">
								<image class="new-box" src="../../../static/jingjie/fenxiang.png"></image>
								<view class="new-font-style" v-text="item.share_count"></view>
							</view>
							<view class="box" @tap.stop="changepinglun">
								<image class="new-box" src="../../../static/jingjie/xiaoxi.png"></image>
								<view class="new-font-style" v-text="item.comment_count"></view>
							</view>
							<view class="box" @tap.stop="changedianzan">
								<image class="new-box" src="../../../static/jingjie/dianzan_h.png"></image>
								<view class="new-font-style" v-text="item.like_count"></view>
							</view>
						</view>
					</view>
				</view>
				<!--三张（1）-->
				<view class="body-box" v-else-if="item.style==4">
					<view class="user-box" v-if="isdel">
						<view class="touxiang">
							<image :src="user.avatar"></image>
						</view>
						<view class="user_new-box">
							<view class="user_nickName">{{user.nick_name}}</view>
							<view class="money">{{item.create_time}}</view>
						</view>
					</view>
					<view class="video-title textOverflow">{{item.title}}</view>
					<view class="conentBox">
						<view class="top-box common">
							<view class="left-box-img update-width1">
								<image class="border-radius3 update-width1" :src="item.coverPics[0]"></image>
							</view>
						</view>
						<view class="bottom-box common">
							<view class="bottom-small-box right-box-san">
								<image mode="center" class="border-radius4" :src="item.coverPics[1]"></image>
							</view>
							<view class="bottom-small-box right-box-san">
								<image mode="center" class="border-radius5" :src="item.coverPics[2]"></image>
								<!-- <view class="img-num"><text class="number">+9</text></view> -->
							</view>
						</view>
					</view>
					<view class="Icon-box">
						<view class="Icon-hidden-box common">
							<view class="touxiang">
								<image :src="user.avatar"></image>
							</view>
							<view class="box" @tap.stop="changeshoucang">
								<image class="new-box" src="../../../static/jingjie/shoucang.png"></image>
								<view class="new-font-style" v-text="item.collect_count"></view>
							</view>
							<view class="box" @tap.stop="changefenxiang">
								<image class="new-box" src="../../../static/jingjie/fenxiang.png"></image>
								<view class="new-font-style" v-text="item.share_count"></view>
							</view>
							<view class="box" @tap.stop="changepinglun">
								<image class="new-box" src="../../../static/jingjie/xiaoxi.png"></image>
								<view class="new-font-style" v-text="item.comment_count"></view>
							</view>
							<view class="box" @tap.stop="changedianzan">
								<image class="new-box" src="../../../static/jingjie/dianzan_h.png"></image>
								<view class="new-font-style" v-text="item.like_count"></view>
							</view>
						</view>
					</view>
				</view>

				<!--两张-->
				<view class="body-box" v-else-if="item.style==6">
					<view class="user-box" v-if="isdel">
						<view class="touxiang">
							<image :src="user.avatar"></image>
						</view>
						<view class="user_new-box">
							<view class="user_nickName">{{user.nick_name}}</view>
							<view class="money">{{item.create_time}}</view>
						</view>
					</view>
					<view class="video-title textOverflow">{{item.title}}</view>
					<view class="conentBox common">
						<view class="left-box-er">
							<image class="border-radius-left" :src="item.coverPics[0]"></image>
						</view>
						<view class="right-box-er">
							<image mode="center" class="border-radius-right" :src="item.coverPics[1]"></image>
							<view class="img-num active1"><text class="number">+9</text></view>
						</view>
					</view>
					<view class="Icon-box">
						<view class="Icon-hidden-box common">
							<view class="touxiang">
								<image :src="user.avatar"></image>
							</view>
							<view class="box" @tap.stop="changeshoucang">
								<image class="new-box" src="../../../static/jingjie/shoucang.png"></image>
								<view class="new-font-style" v-text="item.collect_count"></view>
							</view>
							<view class="box" @tap.stop="changefenxiang">
								<image class="new-box" src="../../../static/jingjie/fenxiang.png"></image>
								<view class="new-font-style" v-text="item.share_count"></view>
							</view>
							<view class="box" @tap.stop="changepinglun">
								<image class="new-box" src="../../../static/jingjie/xiaoxi.png"></image>
								<view class="new-font-style" v-text="item.comment_count"></view>
							</view>
							<view class="box" @tap.stop="changedianzan">
								<image class="new-box" src="../../../static/jingjie/dianzan_h.png"></image>
								<view class="new-font-style" v-text="item.like_count"></view>
							</view>
						</view>
					</view>
				</view>

				<!--一张-->
				<view class="body-box" v-else-if="item.style==9">
					<view class="user-box" v-if="isdel">
						<view class="touxiang">
							<image :src="user.avatar"></image>
						</view>
						<view class="user_new-box">
							<view class="user_nickName">{{user.nick_name}}</view>
							<view class="money">{{item.create_time}}</view>
						</view>
					</view>
					<view class="video-title textOverflow">{{item.title}}</view>
					<view class="conentBox common">
						<view class="one-zhang">
							<image class="one-zhang" mode="aspectFill" :src="item.coverPics[0]" @tap.stop="previewImg(item.coverPics,index2)"  @longpress="savePicture(item2)"></image>
							<view class="img-num active"><text class="number">+9</text></view>
						</view>
					</view>
					<view class="Icon-box">
						<view class="Icon-hidden-box common">
							<view class="touxiang">
								<image :src="user.avatar"></image>
							</view>
							<view class="box" @tap.stop="changeshoucang">
								<image class="new-box" src="../../../static/jingjie/shoucang.png"></image>
								<view class="new-font-style" v-text="item.collect_count"></view>
							</view>
							<view class="box" @tap.stop="changefenxiang">
								<image class="new-box" src="../../../static/jingjie/fenxiang.png"></image>
								<view class="new-font-style" v-text="item.share_count"></view>
							</view>
							<view class="box" @tap.stop="changepinglun">
								<image class="new-box" src="../../../static/jingjie/xiaoxi.png"></image>
								<view class="new-font-style" v-text="item.comment_count"></view>
							</view>
							<view class="box" @tap.stop="changedianzan">
								<image class="new-box" src="../../../static/jingjie/dianzan_h.png"></image>
								<view class="new-font-style" v-text="item.like_count"></view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>


	</view>
</template>

<script>
	export default {
		props: ['isVideo', 'isImage', 'item', 'isdel', 'isdongtai'],
		data() {
			return {
				headimg: '',
				shoucang: this.item.map.is_collect,
				dianzan: this.item.map.is_like,
				fenxiang: false,
				pinglun: false,
				user: this.item.map.userinfo,
				id: this.item.id,
				isdel: false,
				oper_id: uni.getStorageSync('user_id'),
				user_id: this.item.user_id,
				isdongtai: false
			}
		},
		onShow() {
			
		},
		methed() {},
		methods: {
			previewImg(arr, index) { //预览图片
				uni.previewImage({
					current: arr[index], //显示当前点击图册
					urls: arr,
				});
			},
			savePicture(imgArr) { //长按保存图片
				console.log(imgArr)
				uni.showModal({
					title: '保存图片到本地',
					content: '保存图片到本地',
					success: function(res) {
						if (res.confirm) {
							console.log('用户点击确定');
							uni.saveFile({
								tempFilePath: imgArr,
								success: function(res) {
									console.log(res)
									console.log('00')
									// var savedFilePath = res.savedFilePath;
								},
								fail: function(res) {
									console.log(res)
								}
							});
						} else if (res.cancel) {
							console.log('用户点击取消');
						}
					}
				});
			},
			toDetail() { //本地的
				// 				if (type === 'video') {
				// 					this.$emit('toVideoDetail');
				// 				} else {
				// 					this.$emit('toImgDetail');
				// 				}
				var me = this;
				var id = me.id;
				if (this.isdongtai==true) {
					if(me.item.style !== 0){
						uni.navigateTo({
							url: '/pages/World/dongtaiImg/dongtaiImg?id='+id,
						})
					}else{
						uni.navigateTo({
						url: '/pages/World/dongtaivideo/dongtaivideo?id='+id,
					})
					}
					
				} else {
					if (me.item.style !== 0) {
						uni.navigateTo({
							url: '/pages/World/ImgDetails/ImgDetails?id=' + id,
						})
					} else {
						uni.navigateTo({
							url: '/pages/World/videoDetails/videoDetails?id=' + id,
						})
					}
				}

			},
			changefenxiang() {
				this.item.share_count++;
			},
			changepinglun() {
				var me = this;
				var id = me.id;
				if (me.item.style !== '') {
					uni.navigateTo({
						url: '../ImgDetails/ImgDetails?id=' + id + '&pinglun=true',
					})
				} else {
					uni.navigateTo({
						url: '../videoDetails/videoDetails?id=' + id + '&pinglun=true',
					})
				}
			},
			changedianzan() {
				console.log(this.user);
				if (this.oper_id == this.user_id) {
					uni.showToast({
						title: '不能为自己点赞',
						icon: 'none'
					})
				} else {
					if (this.dianzan == false) {
						this.dianzan = true;
						this.item.like_count++;
						console.log(this.dianzan);
						var data = {
							user_id: uni.getStorageSync('user_id'),
							history_type: 'curiosityviewpoint',
							operation_type: 'like',
							history_id: this.item.id,
						};
						this.myAjaxNewPost({
							model: 'news',
							controllerName: 'history',
							actionName: 'insert',
							data: data,
							successBack: function(res) {
								console.log(res);
							}
						})
					} else {
						this.dianzan = false;
						this.item.like_count--;
						console.log(this.dianzan)
						if (this.item.like_count < 0) {
							this.item.like_count = 0
						}
						var data = {
							user_id: uni.getStorageSync('user_id'),
							history_type: 'curiosityviewpoint',
							operation_type: 'like',
							history_id: this.item.id,
						};
						this.myAjaxNewPost({
							model: 'news',
							controllerName: 'history',
							actionName: 'insert',
							data: data,
							successBack: function(res) {
								console.log(res);
							}
						})
					}
				}
			},
			changeshoucang() {
				if (this.oper_id == this.user_id) {
					uni.showToast({
						title: '不能收藏自己的回应',
						icon: 'none'
					})
				} else {
					if (this.shoucang == false) {
						this.shoucang = true;
						this.item.collect_count++;
						var data = {
							user_id: uni.getStorageSync('user_id'),
							history_type: 'curiosityviewpointcollect',
							operation_type: 'collect',
							history_id: this.item.id,
						};
						this.myAjaxNewPost({
							model: 'news',
							controllerName: 'history',
							actionName: 'insert',
							data: data,
							successBack: function(res) {
								console.log(res);
							}
						})
					} else {
						this.shoucang = false;
						this.item.collect_count--;
						if (this.item.collect_count < 0) {
							this.item.collect_count = 0
						}
						var data = {
							user_id: uni.getStorageSync('user_id'),
							history_type: 'curiosityviewpointcollect',
							operation_type: 'collect',
							history_id: this.item.id,
						};
						this.myAjaxNewPost({
							model: 'news',
							controllerName: 'history',
							actionName: 'insert',
							data: data,
							successBack: function(res) {
								console.log(res);
							}
						})
					}
				}

			},
			getHeadImg() {

			},

		},
	}
</script>

<style scoped>
	.user-box {
		width: 100%;
		display: flex;
		align-items: center;
	}

	.user-img-box {
		width: 68upx;
		height: 68upx;
	}

	.user-img-box image {
		width: 100%;
		height: 100%;
		border-radius: 100%;
	}

	.user_new-box {
		margin-left: 15upx;
	}

	.user_nickName {
		font-size: 24upx;
		color: rgba(51, 51, 51, 1);
	}

	.money {
		font-size: 24upx;
		color: rgba(102, 102, 102, 1);
	}

	.anniu-box {
		width: 100%;
		margin-top: 23upx;
	}

	.left-box {
		display: flex;
		align-items: center;
		margin-top: 20upx;
	}

	.title {
		font-size: 40upx;
		color: black;
		font-weight: bold;
	}

	.titleContent {
		font-size: 32upx;
		font-family: PingFang-SC-Medium;
		font-weight: bold;
		color: rgba(51, 51, 51, 1);
		margin-left: 13upx;
	}

	.margin {
		display: flex;
		align-items: center;
	}

	.dianzan-img {
		width: 175upx;
	}

	.dianzan-img image {
		width: 40upx;
		height: 40upx;
		background: rgba(245, 245, 245, 1);
		border: 1upx solid rgba(70, 206, 207, 1);
		border-radius: 50%;
	}

	.dianzan-num {
		font-size: 24upx;
		color: rgba(102, 102, 102, 1);
		margin-left: 19upx;
	}

	.anniu-right {
		width: 244upx;
		justify-content: space-between;
		display: flex;
	}

	.anniu {
		width: 112upx;
		height: 48upx;
		background: rgba(255, 255, 255, 1);
		border: 1upx solid rgba(204, 204, 204, 1);
		border-radius: 10upx;
		color: rgba(102, 102, 102, 1);
		font-size: 28upx;
		text-align: center;
		line-height: 48upx;
	}

	.body-box {
		width: 750upx;
		height: auto;
		background: rgba(255, 255, 255, 1);
		padding: 0 24upx;
		box-sizing: border-box;
		margin-bottom: 15upx;
		padding-top: 32upx;
	}

	.video-title {
		color: rgba(51, 51, 51, 1);
		font-size: 34upx;
		text-align: left;
		/* margin-top: 30upx; */
	}

	.videoBox {
		width: 702upx;
		height: 395upx;
		border-radius: 10upx;
		margin-top: 20upx;
		position: relative;
	}

	.video-kuang {
		width: 100%;
		height: 100%;
	}
	.bofang{
		width: 90upx;
		height: 90upx;
		position: absolute;
		top: 153upx;
		left: 306upx;
	}

	.wei-guan {
		width: 112upx;
		height: 93upx;
		position: absolute;
		top: 20upx;
		left: 20upx;
	}

	.Icon-box {
		width: 100%;
		margin-top: 20upx;
		padding: 0 24upx;
		box-sizing: border-box;
		padding-bottom: 20upx;
	}

	.touxiang {
		width: 48upx;
		height: 48upx;
	}

	.touxiang image {
		width: 100%;
		height: 100%;
		border-radius: 100%;
	}

	.box {
		display: flex;
		align-items: center;
	}

	.box .new-box {
		width: 44upx;
		height: 44upx;
	}

	.box .new-font-style {
		color: rgba(102, 102, 102, 1);
		font-size: 28upx;
		margin-left: 4upx;
		margin-left: 12upx;
	}

	.conentBox {
		width: 100%;
		height: auto;
		border-radius: 10upx;
		margin-top: 20upx;
	}

	.san-zhang {
		width: 33%;
		height: 415upx;
		position: relative;
	}

	.san-zhang-img {
		width: 100%;
		height: 100%;
	}

	.one-zhang {
		width: 100%;
		height: 395upx;
		border-radius: 10upx;
		position: relative;
	}

	.left-box-er {
		width: 465upx;
		height: 350upx;
		margin-right: 5upx;
	}

	.border-radius-left {
		border-radius: 10upx 0 0 10upx;
	}

	.border-radius-right {
		border-radius: 0 10upx 10upx 0;
	}

	.right-box-er {
		width: 280upx;
		height: 350upx;
		position: relative;
	}

	.right-box-er image {
		width: 100%;
		height: 100%;
	}

	.left-box-er image {
		width: 100%;
		height: 100%;
	}

	.left-box-san {
		width: 49.7%;
		height: 460upx;
	}

	.left-box-san image {
		width: 100%;
		height: 100%;
	}

	.top-box {
		width: 100%;
		height: 285upx;
	}

	.bottom-box {
		width: 100%;
		/* height: 170upx; */
		margin-top: 3upx;
	}

	.left-box-img {
		width: 520upx;
		height: 286upx;
		overflow: hidden;
	}

	.left-box-img image {
		width: 100%;
		/* height: 100%; */
		border-radius: 10upx 0 0 0;
	}

	.right-box-img {
		width: 180upx;
		height: 286upx;
	}

	.right-box-img image {
		width: 100%;
		height: 100%;
		border-radius: 0 10upx 0 0;
	}

	.border-radius-wu {
		width: 100%;
		height: 100%;
		border-radius: 0 10upx 0 0;
	}

	.bottom-small-box {
		width: 232upx;
		height: 169upx;
		position: relative;
		/* z-index: 11; */
	}

	.bottom-small-box-san {
		width: 50%;
		height: 230upx;
		position: relative;
		z-index: 10;
	}

	.marginTop {
		margin-top: 4upx;
	}

	.bottom-small-box-san.size {
		width: 100%;
		height: 230upx;
	}

	.bottom-small-box-san.size image {
		width: 100%;
		height: 100%;
	}

	.bottom-small-box.size {
		width: 350upx;
		height: 195upx;
	}

	.bottom-small-box image {
		width: 100%;
		height: 100%;
	}

	.border-radius-san {
		border-radius: 10upx 0 0 10upx;
	}

	.border-radius {
		border-radius: 0 0 0 10upx;
	}

	.border-radius1 {
		border-radius: 0 0 10upx 0;
	}

	.img-num {
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, .2);
		font-size: 36upx;
		color: white;
		position: absolute;
		z-index: 10;
		right: 0;
		bottom: 0;
		border-radius: 0 0 10upx 0;
	}

	.img-num.active {
		border-radius: 10upx;
	}

	.img-num.active1 {
		border-radius: 0 10upx 10upx 0;
	}

	.img-num.border-radius-right {
		border-radius: 0 10upx 10upx 0;
	}

	.number {
		position: absolute;
		right: 20upx;
		bottom: 15upx;
	}

	.update-width {
		width: 350upx;
	}

	.update-width1 {
		width: 100%;
	}

	.average {
		height: 227.5upx;
	}

	.border-radius1 {
		border-radius: 10upx 0 0 10upx;
	}

	.border-radius2 {
		border-radius: 0 10upx 10upx 0;
	}

	.border-radius3 {
		border-radius: 10upx 10upx 0 0;
	}

	.border-radius4 {
		border-radius: 0upx 0upx 0upx 10upx;
	}

	.border-radius5 {
		border-radius: 0upx 0upx 10upx 0upx;
	}

	.border-radius6 {
		border-radius: 10upx 0upx 0upx 0upx;
	}

	.border-radius7 {
		border-radius: 0upx 10upx 0upx 0upx;
	}

	.update-height1 {
		height: 460upx;
	}

	.lingHeight1 {
		line-height: 460upx;
	}

	.right-box-san {
		width: 49.7%;
	}

	.update-width1 {
		width: 100%;
	}

	.lingHeight2 {
		line-height: 227.5upx;
	}

	.heightAuto {
		height: auto;
	}
</style>
